$(function(){
	
	
 $('#fullpage').fullpage({
 'verticalCentered': false,
 'css3': true,
 anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6'],
 'navigation': true,
 'navigationPosition': 'right',
 afterLoad: function(anchorLink, index){
		console.log(index)
		
		if(index==3){
			var rotation = function (){
				 
			  $("#yuan").rotate({

				angle:0,
				animateTo:360,
				duration:5000,
				callback: rotation,
				easing: function (x,t,b,c,d){   
					// t: current time, b: begInnIng value, c: change In value, d: duration
				  return c*(t/d)+b;
				  }
				
			  });
			}
			rotation();
			$("#yuan").fadeIn(1000,function(){
				
				$("#se2content").fadeIn()

			})
		}else{

			$("#yuan").stopRotate()
			$("#se2content,#yuan").hide()
		}
		
		if(index==2){
			
			//$(".about_box").fadeIn("fast",function(){
				$(".line12").animate({"bottom":"0px"},1000)
			//})
		}else{
			$(".line12").css("bottom","-140px")
			//$(".about_box").hide()
		}
		
		if(index==4){
			loopanime01($(".se3 .option"),0)
		}else{
			$(".se3 .option").hide()
		}
		
		if(index==5){
			
		}else{
			
		}
		
		if(index>=4){
			$("body").attr("class","background02")
		}else{
			$("body").attr("class","background01")
		}
 }
	
 })
 



function loopanime01(obj,index){
	if(index<5){
		obj.eq(index).fadeIn(400,function(){loopanime01(obj,index+1)})
	}
	
}
 
$(".index .btn02").hover(function(){
 	change01()
 })
 function change01(){
 	 if($(".index .right").hasClass("computer10")){
 		$(".index .right").removeClass("computer10")
 		$(".index .right").addClass("computer11")
 	}else{
 		$(".index .right").removeClass("computer11")
 		$(".index .right").addClass("computer10")
 	}
 }
 


$(".se3 .option").hover(function(){
 	var t = $(this).position().top-20
 	$(this).animate({top:t+"px"});
 	change02($(this))
 },function(){
 	change02($(this))
 	$(this).animate({top:"0px"});
 })

 function change02(obj){
 	 if(obj.hasClass("opa")){
 		obj.removeClass("opa")
 		obj.addClass("opb")
 	}else{
 		obj.removeClass("opb")
 		obj.addClass("opa")
 	}
 }





$(".icons_menu .icons").mouseover(function(){

	$(".icons_menu .icons").each(function(){
		 $(this).find("img").eq(1).show()
	     $(this).find("img").eq(0).hide()
	})
	$(this).find("img").eq(0).show()
	$(this).find("img").eq(1).hide()
	i = $(this).index()*1200
	$(".se4 .track").animate({left:-i+"px"});
	console.log(i)
})


$(".icons_menu .icons").eq(0).trigger("mouseover")


	$("#panel .icons li").not(".up,.down").mouseenter(function(){
		$("#panel .info").addClass('hover');
		$("#panel .info li").hide();
		$("#panel .info li."+$(this).attr('class')).show();
	});
	$("#panel").mouseleave(function(){
		$("#panel .info").removeClass('hover');
	})

	$(".icons .up").click(function(){
		$.fn.fullpage.moveSectionUp()
	});
	$(".icons .down").click(function(){
		$.fn.fullpage.moveSectionDown()
	});



 })